<template lang="html">
<div class="body-container">
    <div class="game-menu ly-row-flex flex-space-between flex-middle">
        <ul class="menu-list ly-row-flex">
        <li class="menu-item ly-row-flex"
            :class="{'active': activeName === 'phone-manage'}"
            @click="activeName = 'phone-manage'">
            <a href="javascript:void(0)">话费管理</a>
            <span>|</span>
        </li>
        <li class="menu-item ly-row-flex"
            :class="{'active': activeName === 'info-manage'}"
            @click="activeName = 'info-manage'">
            <a href="javascript:void(0)">资料管理</a>
        </li>
        </ul>
    </div>
    <div class="body-main">
        <template v-if="activeName === 'phone-manage'">
            <game-list></game-list>
        </template>
        <template v-if="activeName === 'info-manage'">
            <game-table></game-table>
        </template>
    </div>
</div>
</template>

<script src="./app.js"></script>
<style src="./app.css" scoped></style>
